<template>
<div>
  <Header :title=title><i class="el-icon-arrow-left" @click="$global.goPage('/mine')"></i> </Header>
<music-list :more-detail="true" :music-list="myLikeList"></music-list>
</div>
</template>

<script>
import MusicComCard from "../../music/Player/MusicComCard";
import Header from "../../../components/Header";
import {mapState} from "vuex";
import MusicList from "../../music/Player/MusicList";

export default {
name: "MusFList",
  components: {MusicList, MusicComCard, Header},
  data(){
    return{
      title:this.$route.params.title,
    }
  },
  computed:{...mapState({
      myLikeList:state=>state.music.myLikeList,
    })},
  beforeCreate() {
    this.$store.dispatch('music/MyLikeLists',
      window.localStorage.getItem('id'))
  },
}
</script>

<style scoped>

</style>
